<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title>食物</title>
</head>
<body>
    <div class="container">
        <ul class="foods">
            <li>
                <h2>主食</h2>
                <ul>
                    <li>米饭</li>
                    <li>面条</li>
                    <ol>
                        <li>刀削面</li>
                        <li>炒面</li>
                        <li>豆皮面</li>
                    </ol>
                    <li>馒头</li>
                    <li>包子</li>
                    <li>饺子</li>
                </ul>
            </li>
            <li>
                <h2>菜肴</h2>
                <ul>
                    <li>炒菜</li>
                        <ul>
                            <li>红烧肉</li>
                        </ul>
                    <li>炖菜</li>
                    <li>凉菜</li>
                    <li>汤羹</li>
                    <li>火锅</li>
                </ul>
            </li>
            <li>
                <h2>甜点</h2>
                <ul>
                    <li>蛋糕</li>
                    <ul>
                        <li>草莓蛋糕</li>
                        <li>巧克力蛋糕</li>
                        <li>慕斯蛋糕</li>
                        <li>布丁蛋糕</li>
                    </ul>
                    <li>冰淇淋</li>
                    <li>水果</li>
                    <li>甜点</li>
                    <li>奶茶</li>
                </ul>
            </li>
        </ul>
    </div>
</body>
</html>
